<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <meta name="referrer" content="no-referrer" />
  <title>数据大屏</title>
  <link rel="stylesheet" href="css/index.css" />
  <link rel="stylesheet" href="css/opreration.css" />
</head>

<body>
  <header>
    <div class="left nav">
      <!-- <ul>
        <li class="nav_active"><i class="nav_1"></i><a href="index.html">数据概览</a> </li>
        <li><i class="nav_2"></i><a href="carContrl.html">车辆监控</a> </li>
        <li><i class="nav_3"></i><a href="map.html">地图界面</a> </li>
      </ul> -->
      <ul>
        <li class="nav_active"><i class="nav_1"></i><a href="#">运销总览</a></li>
        <li><i class="nav_2"></i><a href="#">地图界面</a> </li>
        <li><i class="nav_3"></i><a href="#">调运界面</a></li>
        <li><i class="nav_4"></i><a href="#">实时内调</a></li>
        <li><i class="nav_8"></i><a href="#">实时销售</a></li>
      </ul>
    </div>
    <div class="header_center left">
      <h2><strong>霍州煤电集团公路煤炭运输总览</strong></h2>
      <!-- <div>
        <a class="showScreen" href="javascript:toggleFullScreen();">大屏</a>
      </div> -->
    </div>
    <!-- <h1>霍州煤电集团公路煤炭运输总览</h1> -->
    <!-- <div> -->


    <div class="right nav text_right">
      <ul>
        <li><i class="nav_6"></i><a href="#">区域公司</a> </li>
        <li><i class="nav_7"></i><a href="#">下属单位</a> </li>
        <li><i class="nav_5"></i><a href="#">车辆监管</a> </li>
        <li><i class="nav_9"></i><a href="#">报警统计</a> </li>
        <li><i class="nav_10"></i><a href="#">历史记录</a> </li>
      </ul>
      <div class="total_chose_box" style="display: none;">

        <span class="chose_tltle"></span>
        <select class="year_chose" id="regionSelect" onclick="selectRegion()">
        </select>
        <!-- <button class="chose_enter" onclick="selectRegion()">确定</button> -->
      </div>
    </div>
    <!--  <img src="images/weather.png"><span>多云转小雨</span> -->
    <!-- <div class="showTime"> 

      </div> -->

    <script>
      // var t = setTimeout(time, 1000); //開始运行
      // function time() {
      //   clearTimeout(t); //清除定时器
      //   dt = new Date();
      //   var y = dt.getFullYear();
      //   var mt = dt.getMonth() + 1;
      //   var day = dt.getDate();
      //   var h = dt.getHours(); //获取时
      //   var m = dt.getMinutes(); //获取分
      //   var s = dt.getSeconds(); //获取秒
      //   const weekdays = ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六'];
      //   var week = weekdays[dt.getDay()];
      //   // document.getElementById("timeText").innerHTML =
      //   document.querySelector(".showTime").innerHTML =
      //     (h < 10 ? ("0" + h) : h) +
      //     ":" +
      //     (m < 10 ? ("0" + m) : m) +
      //     ":" +
      //     (s < 10 ? ("0" + s) : s) + "  " +
      //     y +
      //     "-" +
      //     (mt < 10 ? ("0" + mt) : mt) +
      //     "-" +
      //     (day < 10 ? ("0" + day) : day) + " " +
      //     week;
      //   t = setTimeout(time, 1000); //设定定时器，循环运行
      // }


      document.addEventListener('keydown', function (event) {
        //根据键盘的ASCII码值，设置快捷键执行相应代码，可用&设置多个键        
        if (event.keyCode == '70') {
          toggleFullScreen();
        }
      });
      function toggleFullScreen() {
        if (!document.fullscreenElement) {
          document.documentElement.requestFullscreen();
          // document.querySelector(".showDay").innerHTML = "退出全屏";
        } else {
          if (document.exitFullscreen) {
            document.exitFullscreen();
            // document.querySelector(".showDay").innerHTML = "全屏显示";
          }
        }
      }

      function selectRegion() {
        var selectedOption = document.querySelector("#regionSelect option:checked");
        // 输出选中的option的值
        console.log(selectedOption.value);
      }
    </script>
  </header>

  <div class="index_tabs">
    <!-- 运销总览 -->
    <div class="mainbox">
      <div class="column">
        <div class="panel bar">
          <h2>
            月销量情况<!--  <a href="javascript:;">2023</a>
            <a href="javacript:;"> 2024</a> -->
          </h2>
          <div class="chart" id="left-one-1"></div>
          <div class="panel-footer"></div>
        </div>
        <div class="panel pie">
          <h2>各煤种销量占比</h2>
          <div class="chart" id="left-two-1"></div>
          <div class="panel-footer"></div>
        </div>
        <div class="panel line">
          <h2>历年年度销量对比</h2>
          <div class="chart" id="left-three-1"></div>
          <div class="panel-footer"></div>
        </div>
      </div>
      <div class="column">
        <!-- <div class="no">
          <div class="no-hd">
            <ul>
              <li>125811</li>
              <li>104563</li>
            </ul>
          </div>
          <div class="no-bd">
            <ul>
              <li>前端需求人数</li>
              <li>市场供应人数</li>
            </ul>
          </div>
        </div> -->
        <div class="map">
          <div id="center-one-1" class="chart"></div>
          <div id="chart-map1" class="map1"></div>
          <div class="map2"></div>
          <div class="map3"></div>
        </div>
        <!-- <div class="no">
          <div class="no-bd">
            <h2>当年各单位销量</h2>
            <div id="footer-row">
  
            </div>
          </div>
        </div> -->
        <div class="panel line2">
          <h2>当年各单位销量</h2>
          <div class="chart" id="center-two-1"></div>
          <div class="panel-footer"></div>
        </div>
      </div>
      <div class="column">
        <div class="panel bar1">
          <h2>月度内调情况（万吨）</h2>
          <div class="chart" id="right-one-1"></div>
          <div class="panel-footer"></div>
        </div>
        <div class="panel line1">
          <h2>当年内调销量环比</h2>
          <div class="chart" id="right-two-1"></div>
          <div class="panel-footer"></div>
        </div>
        <div class="panel pie1">
          <h2>当年客户销量</h2>
          <div class="chart" id="right-three-1"></div>
          <div class="panel-footer"></div>
        </div>
      </div>
    </div>

    <!-- 地图界面 -->
    <div class="mainbox" style="display: none;">
      <!-- <div class="column">
        <div class="panel bar">
          <h2>
            车辆监控<a href="javascript:;">2023</a>
            <a href="javacript:;"> 2024</a> 
          </h2>
          <div class="chart" id="left-one-2"></div>
          <div class="panel-footer"></div>
        </div>
        <div class="panel pie">
          <h2>各煤种销量占比</h2>
          <div class="chart" id="left-two-2"></div>
          <div class="panel-footer"></div>
        </div>
        <div class="panel line">
          <h2>历年年度销量对比</h2>
          <div class="chart" id="left-three-2"></div>
          <div class="panel-footer"></div>
        </div>
      </div> -->
      <div class="column">
        <!-- <div class="no">
          <div class="no-hd">
            <ul>
              <li>125811</li>
              <li>104563</li>
            </ul>
          </div>
          <div class="no-bd">
            <ul>
              <li>前端需求人数</li>
              <li>市场供应人数</li>
            </ul>
          </div>
        </div> -->
        <div class="map">
          <div id="center-one-2" class="chart"></div>
          <div id="chart-map1" class="map1"></div>
          <div class="map2"></div>
          <div class="map3"></div>
        </div>
        <!-- <div class="no">
          <div class="no-bd">
            <h2>当年各单位销量</h2>
            <div id="footer-row">
  
            </div>
          </div>
        </div> -->
        <!-- <div class="panel line2">
          <h2>当年各单位销量</h2>
          <div class="chart" id="center-two-2"></div>
          <div class="panel-footer"></div>
        </div> -->
      </div>
      <!-- <div class="column">
        <div class="panel bar1">
          <h2>月度内调情况（万吨）</h2>
          <div class="chart" id="right-one-2"></div>
          <div class="panel-footer"></div>
        </div>
        <div class="panel line1">
          <h2>当年内调销量环比</h2>
          <div class="chart" id="right-two-2"></div>
          <div class="panel-footer"></div>
        </div>
        <div class="panel pie1">
          <h2>当年客户销量</h2>
          <div class="chart" id="right-three-2"></div>
          <div class="panel-footer"></div>
        </div>
      </div> -->
    </div>

    <!-- 调运界面 -->
    <div class="mainbox" style="display:none">
      <div class="column">
        <div class="panel bar" id="left-one-3">
          <!-- <h2>
            晋南公司<a href="javascript:;">2023</a>
            <a href="javacript:;"> 2024</a>
          </h2> -->
          <div class="chart"></div>
          <div class="panel-footer"></div>
        </div>
        <!-- <div class="panel pie">
          <h2>各煤种销量占比</h2>
          <div class="chart" id="left-two-3"></div>
          <div class="panel-footer"></div>
        </div>
        <div class="panel line">
          <h2>历年年度销量对比</h2>
          <div class="chart" id="left-three-3"></div>
          <div class="panel-footer"></div>
        </div> -->
      </div>
      <div class="column">
        <!-- <div class="no">
          <div class="no-hd">
            <ul>
              <li>125811</li>
              <li>104563</li>
            </ul>
          </div>
          <div class="no-bd">
            <ul>
              <li>前端需求人数</li>
              <li>市场供应人数</li>
            </ul>
          </div>
        </div> -->
        <div class="map">
          <!-- <h2>汾河公司</h2> -->
          <div id="center-one-3" class="chart"></div>
          <div class="map1"></div>
          <div class="map2"></div>
          <div class="map3"></div>
        </div>
        <!-- <div class="no">
          <div class="no-bd">
            <h2>当年各单位销量</h2>
            <div id="footer-row">
  
            </div>
          </div>
        </div> -->
        <!-- <div class="panel line">
          <h2>当年各单位销量</h2>
          <div class="chart" id="center-two-3"></div>
          <div class="panel-footer"></div>
        </div> -->
      </div>
      <div class="column">
        <div class="panel bar1" id="right-one-3">
          <!-- <h2>晋北公司</h2> -->
          <div class="chart"></div>
          <div class="panel-footer"></div>
        </div>
        <!-- <div class="panel line1">
          <h2>当年内调销量环比</h2>
          <div class="chart" id="right-two-3"></div>
          <div class="panel-footer"></div>
        </div>
        <div class="panel pie1">
          <h2>当年客户销量</h2>
          <div class="chart" id="right-three-3"></div>
          <div class="panel-footer"></div>
        </div> -->
      </div>
    </div>
    <!-- 实时内调 -->
    <div class="mainbox" style="display:none">
      <div class="column">
        <div class="panel bar">
          <h2>
            集团本部内调<!--  <a href="javascript:;">2023</a>
            <a href="javacript:;"> 2024</a> -->
          </h2>
          <div class="chart" id="left-one-4"></div>
          <div class="panel-footer"></div>
        </div>
        <div class="panel pie">
          <h2>汾河公司内调</h2>
          <div class="chart" id="left-two-4"></div>
          <div class="panel-footer"></div>
        </div>
        <div class="panel line">
          <h2>宏大公司内调</h2>
          <div class="chart" id="left-three-4"></div>
          <div class="panel-footer"></div>
        </div>
      </div>
      <div class="column">
        <div class="no">
          <div class="no-bd">
            <ul id="center-one-4-1">
              <!-- <li>当日销售车数</li>
              <li>当日销量净重</li>
              <li>当日调出车数</li> -->
            </ul>
          </div>
          <div class="no-hd">
            <ul id="center-one-4-2">
              <!-- <li>1181</li>
              <li>25642</li>
              <li>571</li> -->
            </ul>
          </div>
          <div class="no-bd">
            <ul id="center-one-4-3">
              <!-- <li>当日调入车数</li>
              <li>当日调出净重</li>
              <li>当日调入净重</li> -->
            </ul>
          </div>
          <div class="no-hd">
            <ul id="center-one-4-4">
              <!-- <li>610</li>
              <li>12538</li>
              <li>13104</li> -->
            </ul>
          </div>


        </div>

        <!-- <div class="map">
          <div id="center-two-4" class="chart"></div>
          <div id="chart-map1" class="map1"></div>
          <div class="map2"></div>
          <div class="map3"></div>
        </div> -->
        <div class="panel1">
          <h2>预留区域</h2>
          <div class="chart" id="center-two-4"></div>
          <div class="panel-footer"></div>
        </div>
        <!-- <div class="no">
          <div class="no-bd">
            <h2>当年各单位销量</h2>
            <div id="footer-row">
  
            </div>
          </div>
        </div> -->
        <!-- <div class="panel line2">
          <h2>当年各单位销量</h2>
          <div class="chart" id="center-two-4"></div>
          <div class="panel-footer"></div>
        </div> -->
      </div>
      <div class="column">
        <div class="panel bar1">
          <h2>晋南公司内调</h2>
          <div class="chart" id="right-one-4"></div>
          <div class="panel-footer"></div>
        </div>
        <div class="panel line1">
          <h2>晋北能化内调</h2>
          <div class="chart" id="right-two-4"></div>
          <div class="panel-footer"></div>
        </div>
        <div class="panel pie1">
          <h2>万家庄内调</h2>
          <div class="chart" id="right-three-4"></div>
          <div class="panel-footer"></div>
        </div>
      </div>
    </div>

    <!-- 实时销售 -->
    <div class="mainbox" style="display:none">
      <div class="column">
        <div class="panel bar">
          <h2>
            集团本部销售<!--  <a href="javascript:;">2023</a>
            <a href="javacript:;"> 2024</a> -->
          </h2>
          <div class="chart" id="left-one-5"></div>
          <div class="panel-footer"></div>
        </div>
        <div class="panel pie">
          <h2>汾河公司销售</h2>
          <div class="chart" id="left-two-5"></div>
          <div class="panel-footer"></div>
        </div>
        <div class="panel line">
          <h2>宏大公司销售</h2>
          <div class="chart" id="left-three-5"></div>
          <div class="panel-footer"></div>
        </div>
      </div>
      <div class="column">
        <div class="no">
          <div class="no-bd">
            <ul id="center-one-5-1">
            </ul>
          </div>
          <div class="no-hd">
            <ul id="center-one-5-2">

            </ul>
          </div>
          <div class="no-bd">
            <ul id="center-one-5-3">

            </ul>
          </div>
          <div class="no-hd">
            <ul id="center-one-5-4">

            </ul>
          </div>


        </div>
        <div class="panel1">
          <h2>当日各单位销量</h2>
          <div class="chart" id="center-two-5"></div>
          <div class="panel-footer"></div>
        </div>
        <!-- <div class="no">
          <div class="no-bd">
            <h2>当年各单位销量</h2>
            <div id="footer-row">
  
            </div>
          </div>
        </div> -->
        <!-- <div class="panel line2">
          <h2>当年各单位销量</h2>
          <div class="chart" id="center-two-4"></div>
          <div class="panel-footer"></div>
        </div> -->
      </div>
      <div class="column">
        <div class="panel bar1">
          <h2>晋南公司销售</h2>
          <div class="chart" id="right-one-5"></div>
          <div class="panel-footer"></div>
        </div>
        <div class="panel line1">
          <h2>晋北能化销售</h2>
          <div class="chart" id="right-two-5"></div>
          <div class="panel-footer"></div>
        </div>
        <div class="panel pie1">
          <h2>万家庄销售</h2>
          <div class="chart wrap" id="right-three-5">

            <!-- <ul>
              <li>
                <p>1、张师傅-吕梁-发往-晋北门店</p>
              </li>
              <li>
                <p>2、李师傅-吕梁-发往-晋北门店</p>
              </li>
              <li>
                <p>3、李师傅-吕梁-发往-晋北门店</p>
              </li>
              <li>
                <p>4、李师傅-吕梁-发往-晋北门店</p>
              </li>
              <li>
                <p>5、李师傅-吕梁-发往-晋北门店</p>
              </li>
              <li>
                <p>6、李师傅-吕梁-发往-晋北门店</p>
              </li>
            </ul> -->
          </div>
          <div class="panel-footer"></div>
        </div>
      </div>
    </div>


    <!-- 区域公司 -->
    <div class="mainbox" style="display:none">
      <div class="column">
        <div class="panel bar">
          <h2>
            当月原煤调出量<!--  <a href="javascript:;">2023</a>
            <a href="javacript:;"> 2024</a> -->
          </h2>
          <div class="chart" id="left-one-6"></div>
          <div class="panel-footer"></div>
        </div>
        <div class="panel pie">
          <h2>最近12个月原煤调出量</h2>
          <div class="chart" id="left-two-6"></div>
          <div class="panel-footer"></div>
        </div>
        <div class="panel line">
          <h2>历年原煤调出量</h2>
          <div class="chart" id="left-three-6"></div>
          <div class="panel-footer"></div>
        </div>
      </div>
      <div class="column">
        <div class="no">
          <div class="no-bd">
            <ul id="center-one-6-1">
              <li>当日指标</li>
            </ul>
          </div>
          <div class="no-hd">
            <ul id="center-one-6-2">

            </ul>
          </div>
          <div class="no-bd">
            <ul id="center-one-6-3">

            </ul>
          </div>
          <div class="no-hd">
            <ul id="center-one-6-4">

            </ul>
          </div>


        </div>
        <div class="panel1">
          <h2>当月指标</h2>
          <div class="chart" id="center-two-6"></div>
          <div class="panel-footer"></div>
        </div>
        <!-- <div class="no">
          <div class="no-bd">
            <h2>当年各单位销量</h2>
            <div id="footer-row">
  
            </div>
          </div>
        </div> -->
        <!-- <div class="panel line2">
          <h2>当年各单位销量</h2>
          <div class="chart" id="center-two-4"></div>
          <div class="panel-footer"></div>
        </div> -->
      </div>
      <div class="column">
        <div class="panel bar1">
          <h2>当月精煤销量</h2>
          <div class="chart" id="right-one-6"></div>
          <div class="panel-footer"></div>
        </div>
        <div class="panel line1">
          <h2>最近12个月精煤销量</h2>
          <div class="chart" id="right-two-6"></div>
          <div class="panel-footer"></div>
        </div>
        <div class="panel pie1">
          <h2>历年精煤销量</h2>
          <div class="chart" id="right-three-6"></div>
          <div class="panel-footer"></div>
        </div>
      </div>
    </div>

    <!-- 下属单位 -->
    <div class="mainbox" style="display:none">
      <div class="column">
        <div class="panel bar">
          <h2>
            30日调运量<!--  <a href="javascript:;">2023</a>
            <a href="javacript:;"> 2024</a> -->
          </h2>
          <div class="chart" id="left-one-7"></div>
          <div class="panel-footer"></div>
        </div>
        <div class="panel pie">
          <h2>最近12个月调出量</h2>
          <div class="chart" id="left-two-7"></div>
          <div class="panel-footer"></div>
        </div>
        <div class="panel line">
          <h2>历年调出量</h2>
          <div class="chart" id="left-three-7"></div>
          <div class="panel-footer"></div>
        </div>
      </div>
      <div class="column">
        <div class="no">
          <div class="no-bd">
            <ul id="center-one-7-1">
              <li>当日指标</li>
            </ul>
          </div>
          <div class="no-hd">
            <ul id="center-one-7-2">

            </ul>
          </div>
          <div class="no-bd">
            <ul id="center-one-7-3">

            </ul>
          </div>
          <div class="no-hd">
            <ul id="center-one-7-4">

            </ul>
          </div>


        </div>
        <div class="panel1">
          <h2>当月指标</h2>
          <div class="chart" id="center-two-7"></div>
          <div class="panel-footer"></div>
        </div>
        <!-- <div class="no">
          <div class="no-bd">
            <h2>当年各单位销量</h2>
            <div id="footer-row">
  
            </div>
          </div>
        </div> -->
        <!-- <div class="panel line2">
          <h2>当年各单位销量</h2>
          <div class="chart" id="center-two-4"></div>
          <div class="panel-footer"></div>
        </div> -->
      </div>
      <div class="column">
        <div class="panel bar1">
          <h2>在厂车辆信息</h2>
          <div class="chart" id="right-one-7"></div>
          <div class="panel-footer"></div>
        </div>
        <div class="panel line1">
          <h2>最新调运信息</h2>
          <div class="chart" id="right-two-7"></div>
          <div class="panel-footer"></div>
        </div>
        <div class="panel pie1">
          <h2>宏大公司原煤内调</h2>
          <div class="chart" id="right-three-7"></div>
          <div class="panel-footer"></div>
        </div>
      </div>
    </div>
    <!-- 车辆监管 -->
    <div class="mainbox" style="display:none">
      <div class="column">
        <div class="panel bar">
          <h2>
            当日拉运情况<!--  <a href="javascript:;">2023</a>
            <a href="javacript:;"> 2024</a> -->
          </h2>
          <div class="chart" id="left-one-8"></div>
          <div class="panel-footer"></div>
        </div>
        <div class="panel pie">
          <h2>月拉运情况</h2>
          <div class="chart" id="left-two-8"></div>
          <div class="panel-footer"></div>
        </div>
        <div class="panel line">
          <h2>最近半年拉运情况</h2>
          <div class="chart" id="left-three-8"></div>
          <div class="panel-footer"></div>
        </div>
      </div>
      <div class="column">
        <!-- <div class="no">
          <div class="no-hd">
            <ul>
              <li>125811</li>
              <li>104563</li>
            </ul>
          </div>
          <div class="no-bd">
            <ul>
              <li>前端需求人数</li>
              <li>市场供应人数</li>
            </ul>
          </div>
        </div> -->
        <div class="map">
          <h2>地图</h2>
          <div id="center-one-8" class="chart"></div>
          <div id="chart-map1" class="map1"></div>
          <div class="map2"></div>
          <div class="map3"></div>
        </div>
        <!-- <div class="no">
          <div class="no-bd">
            <h2>当年各单位销量</h2>
            <div id="footer-row">
  
            </div>
          </div>
        </div> -->
        <div class="panel line2">
          <h2>当年拉运情况排名</h2>
          <div class="chart" id="center-two-8"></div>
          <div class="panel-footer"></div>
        </div>
      </div>
      <div class="column">
        <div class="panel bar1">
          <h2>预留区域</h2>
          <div class="chart" id="right-one-8"></div>
          <div class="panel-footer"></div>
        </div>
        <div class="panel line1">
          <h2>预留区域</h2>
          <div class="chart" id="right-two-8"></div>
          <div class="panel-footer"></div>
        </div>
        <div class="panel pie1">
          <h2>预留区域</h2>
          <div class="chart" id="right-three-8"></div>
          <div class="panel-footer"></div>
        </div>
      </div>
    </div>
    <!-- 报警统计 -->
    <div class="mainbox" style="display:none">
      <div class="column">
        <div class="panel bar">
          <h2>
            当日报警统计<!--  <a href="javascript:;">2023</a>
            <a href="javacript:;"> 2024</a> -->
          </h2>
          <div class="chart" id="left-one-9"></div>
          <div class="panel-footer"></div>
        </div>
        <div class="panel pie">
          <h2>当月报警统计</h2>
          <div class="chart" id="left-two-9"></div>
          <div class="panel-footer"></div>
        </div>
        <div class="panel line">
          <h2>实时报警统计</h2>
          <div class="chart" id="left-three-9"></div>
          <div class="panel-footer"></div>
        </div>
      </div>
      <div class="column">
        <div class="no">
          <div class="no-bd">
            <ul id="center-one-9-1">
              <li>报警数据综合统计</li>
            </ul>
          </div>
          <div class="no-hd">
            <ul id="center-one-9-2">

            </ul>
          </div>
          <div class="no-bd">
            <ul id="center-one-9-3">

            </ul>
          </div>
          <div class="no-hd">
            <ul id="center-one-9-4">

            </ul>
          </div>


        </div>
        <div class="panel1">
          <h2>调出单位月度报警统计</h2>
          <div class="chart" id="center-two-9"></div>
          <div class="panel-footer"></div>
        </div>
        <!-- <div class="no">
          <div class="no-bd">
            <h2>当年各单位销量</h2>
            <div id="footer-row">
  
            </div>
          </div>
        </div> -->
        <!-- <div class="panel line2">
          <h2>当年各单位销量</h2>
          <div class="chart" id="center-two-4"></div>
          <div class="panel-footer"></div>
        </div> -->
      </div>
      <div class="column">
        <div class="panel bar1">
          <h2>预留区域</h2>
          <div class="chart" id="right-one-9"></div>
          <div class="panel-footer"></div>
        </div>
        <div class="panel line1">
          <h2>预留区域</h2>
          <div class="chart" id="right-two-9"></div>
          <div class="panel-footer"></div>
        </div>
        <div class="panel pie1">
          <h2>预留区域</h2>
          <div class="chart" id="right-three-9"></div>
          <div class="panel-footer"></div>
        </div>
      </div>
    </div>

    <!-- 历史记录 -->
    <div class="mainbox" style="display:none">
      <div class="column">
        <div class="panel bar">
          <h2>
            预留区域<!--  <a href="javascript:;">2023</a>
            <a href="javacript:;"> 2024</a> -->
          </h2>
          <div class="chart" id="left-one-10"></div>
          <div class="panel-footer"></div>
        </div>
        <div class="panel pie">
          <h2>预留区域</h2>
          <div class="chart" id="left-two-10"></div>
          <div class="panel-footer"></div>
        </div>
        <div class="panel line">
          <h2>预留区域</h2>
          <div class="chart" id="left-three-10"></div>
          <div class="panel-footer"></div>
        </div>
      </div>
      <div class="column">
        <div class="no">
          <div class="no-bd">
            <ul id="center-one-10-1">
              <!-- <li>当日销售车数</li>
              <li>当日销量净重</li>
              <li>当日调出车数</li> -->
            </ul>
          </div>
          <div class="no-hd">
            <ul id="center-one-10-2">
              <!-- <li>1181</li>
              <li>25642</li>
              <li>571</li> -->
            </ul>
          </div>
          <div class="no-bd">
            <ul id="center-one-10-3">
              <!-- <li>当日调入车数</li>
              <li>当日调出净重</li>
              <li>当日调入净重</li> -->
            </ul>
          </div>
          <div class="no-hd">
            <ul id="center-one-10-4">
              <!-- <li>610</li>
              <li>12538</li>
              <li>13104</li> -->
            </ul>
          </div>


        </div>

        <div class="map">
          <div id="center-two-10" class="chart"></div>
          <div id="chart-map1" class="map1"></div>
          <div class="map2"></div>
          <div class="map3"></div>
        </div>
        <!-- <div class="no">
          <div class="no-bd">
            <h2>当年各单位销量</h2>
            <div id="footer-row">
  
            </div>
          </div>
        </div> -->
        <!-- <div class="panel line2">
          <h2>当年各单位销量</h2>
          <div class="chart" id="center-two-4"></div>
          <div class="panel-footer"></div>
        </div> -->
      </div>
      <div class="column">
        <div class="panel bar1">
          <h2>预留区域</h2>
          <div class="chart" id="right-one-10"></div>
          <div class="panel-footer"></div>
        </div>
        <div class="panel line1">
          <h2>预留区域</h2>
          <div class="chart" id="right-two-10"></div>
          <div class="panel-footer"></div>
        </div>
        <div class="panel pie1">
          <h2>预留区域</h2>
          <div class="chart" id="right-three-10"></div>
          <div class="panel-footer"></div>
        </div>
      </div>
    </div>
    <!-- <div class="inner" style="display:none"> -->

  </div>



  </div>
  <script src="js/flexible.js"></script>
  <script src="js/jquery.js"></script>
  <!-- <script src="js/echarts4.min.js"></script> -->
  <script src="js/echarts.min.js"></script>
  <script src="js/shine.js"></script>
  <script src="js/essos.js"></script>
  <script src="js/leftOne.js"></script>
  <script src="js/rightOne.js"></script>
  <!-- <script src="js/rightThree.js"></script> -->
  <script src="js/index.js"></script>
  <script src="js/china.js"></script>
  <script src="js/myMap.js"></script>
  <script src="js/sockjs.min.js"></script>
  <script src="js/stomp.min.js"></script>


  <!-- <script src="images/shanxi.svg"></script> -->
</body>

</html>